<ui:composition template="../template/plantilla_02.xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
    
    
    <section> 
    
    <ui:define name="panelIzquierdo" >
        <ui:include src="../seguridad/menu_vertical.xhtml"></ui:include>
    </ui:define>
    
    <ui:define name="panelDerecho" >
        
        <h:form id="fContacto" styleClass="seccionesWeb" prependId="false" >            
            
            <div class="encabezadoPag" >
                <div style="position:relative; float:left;" >
                    <h:graphicImage  value="#{aplicacionBean.parametro.pathImagenesDefault}/icono_equipo.gif" alt="Formá parte de Intercap SRL Argentina"></h:graphicImage>              
                </div>
                <div style=" padding-top:20px;" >
                    <h4>Jugá para nuestro equipo</h4>Si querés formar parte de Intercap dejanos tus datos y adjuntá tu CV y quedarás registrado en nuestra base de datos para la próxima entrevista laboral.                       
                </div>
            </div>    

            <p:messages id="infoContacto" showDetail="false" />
                        
            <h:panelGrid columns="3" style="width:300px;" styleClass="colLabel, colDato, colObli" >

                <h:outputText styleClass="textFormCont" value="Nombre y Apellido" />
                <p:inputText value="#{formaParteBean.nombre}" required="frue"
                             requiredMessage="Ingrese su nombre" size="40" title="Campo obligatorio" /><div>*</div>
                
                <h:outputText styleClass="textFormCont"  value="CUIL/DNI" />                
                <p:inputText value="#{formaParteBean.cuit}" required="true"
                             requiredMessage="Ingrese su nro de CUIL/DNI " size="40"/><div>*</div>

                 <h:outputText styleClass="textFormCont"  value="Provincia " />
                 <p:inputText value="#{formaParteBean.provincia}" required="true"
                             requiredMessage="Ingrese su provincia" size="40"/><div>*</div>
                 
                 <h:outputText styleClass="textFormCont"  value="Ciudad" />                
                <p:inputText value="#{formaParteBean.ciudad}" required="true"
                             requiredMessage="Ingrese su ciudad" size="40"/><div>*</div>
                 
                 <h:outputText styleClass="textFormCont"  value="Dirección " />
                 <p:inputText value="#{formaParteBean.direccion}" required="false"
                             requiredMessage="Ingrese su direccion" size="40"/><div></div>

                <h:outputText styleClass="textFormCont"  value="Teléfono fijo" />
                <p:inputText value="#{formaParteBean.telefono}" required="true"
                             requiredMessage="Ingrese un número de teléfono de correo para que podamos contactarnos" size="40"/><div>*</div>

                <h:outputText styleClass="textFormCont"  value="Teléfono celular" />
                <p:inputText value="#{formaParteBean.celular}" required="false" size="40" /><div></div>

                <h:outputText styleClass="textFormCont" value="E-mail" />
                <p:inputText value="#{formaParteBean.email}" required="true"
                             requiredMessage="Ingrese una dirección de correo para que podamos contactarnos" size="40"/><div>*</div>

                <h:outputText styleClass="textFormCont"   value="Nota de presentación" />
                <p:inputTextarea  value="#{formaParteBean.mensaje}" cols="40" rows="10"
                                 required="true"
                                 requiredMessage="Ingrese por favor, nota de presentación" /><div>*</div> 
                
                <h:outputText styleClass="textFormCont"   value="Archivos adjuntos" />
                <h:panelGroup id="divAdjunto" layout="block">
                    <h:outputText value="Si, su C.V. se ha cargado correctamente" rendered="#{formaParteBean.tieneArchivoAdjunto}"/>
                    <p:spacer width="10" />
                    <p:commandButton value="Adjuntar C.V."  onclick="PF('dlgAdjuntar').show()"  rendered="#{not formaParteBean.tieneArchivoAdjunto}"/>                    
                    <p:commandButton value="Borrar C.V."  rendered="#{formaParteBean.tieneArchivoAdjunto}" 
                                     update="@form" >                    
                        <f:setPropertyActionListener target="#{formaParteBean.tieneArchivoAdjunto}" value="#{false}" />
                    </p:commandButton>
                </h:panelGroup>                
                <div></div>   
                
                  
            </h:panelGrid>
            
            <div style="width: 100%; float: left; text-align: right; position: relative; bottom: 0px;">

            <p:commandButton id="btnEnviar"
                             value="Enviar datos"
                             icon="send16"                                             
                             actionListener="#{formaParteBean.enviarNotificaciones}"                             
                             update="@all" process="fContacto" />

            </div>
            
        </h:form>       
        
        
        <p:spacer style="width: 100%; height: 20px;" />
        
                                 
        <p:dialog modal="true" widgetVar="dlgAdjuntar" header="Adjuntar C.V." width="800" height="300"
                  closable="true" onHide="update('fContacto')">
            
            <h:form id="fUpload" enctype="multipart/form-data" > 
                
                <p:messages showDetail="true" />               
                         
                <p:fileUpload fileUploadListener="#{formaParteBean.uploadEvent}" mode="advanced" dragDropSupport="true" 
                              label="Adjuntar mi C.V." auto="true"
                              uploadLabel="Enviar"
                              cancelLabel="Cancelar"                          
                              invalidFileMessage="El formato de archivo no soportado"
                              invalidSizeMessage="El tamaño del archivo es demasiado grande"
                              process="@form"
                              update="@all" sizeLimit="5000000" allowTypes="/(\.|\/)(doc|docx|pdf|xls|xlsx)$/" />

            </h:form>
                      
            
        </p:dialog>
        
  </ui:define>
        
    </section>
    
</ui:composition>
